<template>
    <div class="col card p10">
        <label class="title" style="text-align: center;">传感器信号</label>
        <div class="row mt">
            <div class="col" style="align-items: flex-end;">
                <Point name="加热罐2低水位" :value="heatState.sw.tank2_low"/>
                <Point class="mt" name="加热罐2SV" :value="heatState.sw.tank2_sw"/>
                <Point class="mt" name="加热罐1低水位" :value="heatState.sw.tank1_low"/>
                <Point class="mt" name="加热罐1SV" :value="heatState.sw.tank1_sw"/>
            </div>
            <div class="col ml" style="align-items: flex-end;">
                <Point name="蓄热罐低水位" :value="heatState.sw.reserve_low"/>
                <Point class="mt" name="蓄热罐SV1" :value="heatState.sw.reserve_sv1"/>
                <Point class="mt" name="蓄热罐SV2" :value="heatState.sw.reserve_sv2"/>
                <Point class="mt" name="蓄热罐SV3" :value="heatState.sw.reserve_sv3"/>
            </div>
            <div class="col ml" style="align-items: flex-end;">
                <Point  name="喷嘴报警" :value="heatState.sw.nozzle_alm"/>
                <Point class="mt" name="喷嘴零点" :value="heatState.sw.nozzle_origin"/>
                <Point class="mt" name="喷嘴极限" :value="heatState.sw.nozzle_origin2"/>
            </div>
            <div class="col ml" style="align-items: flex-end;">
                <Point class="mt" name="front水桶故障" :value="heatState.sw.front_bucket_fail"/>
                <Point class="mt" name="back水桶故障" :value="heatState.sw.back_bucket_fail"/>
                <Point class="mt" name="漏水" :value="heatState.sw.leak"/>
            </div>
        </div>
        <div class="row_center mt">
            <label class="less ml">流量计脉冲数量:</label>
            <label>{{ heatState.flow_count }}</label>
        </div>
    </div>
</template>

<script setup lang="ts">

import Point from '../Point.vue';
import { heatState } from '../../service/heat_def';

</script>
